JavaScript majburiy zanjirlashning chuqur uyasi: Ko'p darajali xavfsiz kirish

Veb-ishlab chiqishning dinamik dunyosida, ayniqsa murakkab ma'lumotlar tuzilmalari va API-lar bilan ishlaganda, chuqur uyali obyekt xossalariga xavfsiz kirish umumiy muammodir. An'anaviy usullar ko'pincha tekshiruvlar qatorini o'z ichiga oladi, bu esa ko'p so'zli va xatoga moyil kodga olib keladi. JavaScript tomonidan Majburiy zanjirlash (?.)ning kiritilishi bunday stsenariylarni boshqarish usulimizni inqilob qildi, ayniqsa ko'p darajali uyaga duch kelganda yanada ixcham va mustahkam kodga imkon berdi. Ushbu post majburiy zanjirlashning chuqur uyasi bilan bog'liq nozik jihatlarini ko'rib chiqadi, dasturchilarning global auditoriyasi uchun amaliy misollar va harakatga oid tushunchalarni taqdim etadi.

Muammo: Xatolarsiz uyali ma'lumotlarni navigatsiya qilish

Xalqaro elektron tijorat platformasidan olingan ma'lumotlar bilan ishlayotganingizni tasavvur qiling. Bu ma'lumotlar quyidagicha tuzilgan bo'lishi mumkin:

            const order = {
  id: 'ORD12345',
  customer: {
    profile: {
      name: 'Anya Sharma',
      contact: {
        email: 'anya.sharma@example.com',
        phoneNumbers: [
          { type: 'mobile', number: '+91 98765 43210' },
          { type: 'work', number: '+91 11 2345 6789' }
        ]
      }
    },
    preferences: {
      language: 'en-IN'
    }
  },
  items: [
    { productId: 'PROD001', quantity: 2, price: 50.00 },
    { productId: 'PROD002', quantity: 1, price: 120.50 }
  ],
  shippingAddress: {
    street: '123 Gandhi Road',
    city: 'Mumbai',
    country: 'India'
  }
};

            

              
                Copy
              
            
          

Endi, mijozning mobil telefon raqamini olishni istayotganingizni ayting. Majburiy zanjirlashsiz, siz quyidagicha yozishingiz mumkin:

            let mobileNumber;
if (order && order.customer && order.customer.profile && order.customer.profile.contact && order.customer.profile.contact.phoneNumbers) {
  mobileNumber = order.customer.profile.contact.phoneNumbers.find(phone => phone.type === 'mobile')?.number;
}
console.log(mobileNumber); // Natija: '+91 98765 43210'

            

              
                Copy
              
            
          

Bu kod ishlaydi, lekin u ko'p so'zli. Agar oraliq xossalardan biri (masalan, contact yoki phoneNumbers) yo'q bo'lsa nima bo'ladi? Kod TypeError: "Cannot read properties of undefined (reading '...')" xatosini chiqaradi. Bu ko'pincha xatoliklarning manbai, ayniqsa turli manbalardan yoki har doim ham to'liq ma'lumotni qaytarmaydigan APIlardan olingan ma'lumotlar bilan ishlaganda.

Majburiy zanjirlashni (?.) kiritish

Majburiy zanjirlash uyali xossalarga kirish uchun ancha toza sintaksni taqdim etadi. ?. operatori null yoki undefined qiymatiga duch kelgan zahoti baholashni qisqa tutadi va xato chiqarish o'rniga undefinedni qaytaradi.

Asosiy foydalanish

Oldingi misolni majburiy zanjirlash yordamida qayta yozaylik:

            const order = {
  id: 'ORD12345',
  customer: {
    profile: {
      name: 'Anya Sharma',
      contact: {
        email: 'anya.sharma@example.com',
        phoneNumbers: [
          { type: 'mobile', number: '+91 98765 43210' },
          { type: 'work', number: '+91 11 2345 6789' }
        ]
      }
    },
    preferences: {
      language: 'en-IN'
    }
  },
  items: [
    { productId: 'PROD001', quantity: 2, price: 50.00 },
    { productId: 'PROD002', quantity: 1, price: 120.50 }
  ],
  shippingAddress: {
    street: '123 Gandhi Road',
    city: 'Mumbai',
    country: 'India'
  }
};

const mobileNumber = order?.customer?.profile?.contact?.phoneNumbers?.find(phone => phone.type === 'mobile')?.number;

console.log(mobileNumber); // Natija: '+91 98765 43210'

            

              
                Copy
              
            
          

Bu sezilarli darajada o'qilishi mumkin. Zanjirning har qanday qismi (masalan, order.customer.profile.contact) null yoki undefined bo'lsa, ifoda undefinedga baholanadi.

Mavjud bo'lmagan xossalarni yaxshi boshqarish

Mijozda telefon raqami mavjud bo'lmagan holatni ko'rib chiqing:

            const orderWithoutContact = {
  id: 'ORD67890',
  customer: {
    profile: {
      name: 'Kenji Tanaka'
      // Bu yerda kontakt ma'lumotlari yo'q
    }
  }
};

const mobileNumberForKenji = orderWithoutContact?.customer?.profile?.contact?.phoneNumbers?.find(phone => phone.type === 'mobile')?.number;

console.log(mobileNumberForKenji); // Natija: undefined

            

              
                Copy
              
            
          

Kod buzilish o'rniga, u undefinedni yaxshi qaytaradi. Bu bizga standart qiymatlarni taqdim etish yoki ma'lumotning yo'qligini to'g'ri boshqarish imkonini beradi.

Chuqur uyasi: Bir nechta majburiy operatorlarni zanjirlash

Majburiy zanjirlashning kuchi haqiqatan ham ko'p darajali uyalar bilan ishlaganda porlaydi. Murakkab ma'lumotlar tuzilmalarini xavfsiz ravishda yurish uchun siz bir nechta ?. operatorlarini zanjirlashingiz mumkin.

Misol: Uyali afzallikni olish

Mijozning bir necha daraja chuqurlikdagi afzal tilini olishga harakat qilaylik:

            const customerLanguage = order?.customer?.preferences?.language;
console.log(customerLanguage); // Natija: 'en-IN'

            

              
                Copy
              
            
          

Agar preferences obyekti mavjud bo'lmasa yoki uning ichida language xossasi mavjud bo'lmasa, customerLanguage undefined bo'ladi.

Uyali tuzilmalar ichidagi massivlarni boshqarish

Uyali tuzilmaning bir qismi bo'lgan massivlar bilan ishlaganda, siz majburiy zanjirlashni find, map kabi massiv usullari bilan yoki indeks orqali elementlarga kirish bilan birlashtirasiz.

Agar mavjud bo'lsa, birinchi telefon raqamining turini olamiz:

            const firstPhoneNumberType = order?.customer?.profile?.contact?.phoneNumbers?.[0]?.type;
console.log(firstPhoneNumberType); // Natija: 'mobile'

            

              
                Copy
              
            
          

Bu yerda ?.[0] phoneNumbers massivining birinchi elementiga xavfsiz kiradi. Agar phoneNumbers null, undefined yoki bo'sh massiv bo'lsa, u undefinedga baholanadi.

Majburiy zanjirlashni nullish birlashtirish (??) bilan birlashtirish

Majburiy zanjirlash ko'pincha Nullish birlashtirish operatori (??) bilan birgalikda ishlatiladi, xossa mavjud bo'lmaganda yoki null/undefined bo'lganda standart qiymatlarni taqdim etish uchun.

Faraz qilaylik, biz mijozning elektron pochta manzilini olishni istaymiz va agar u mavjud bo'lmasa, "Ko'rsatilmagan" deb nomlang.

            const customerEmail = order?.customer?.profile?.contact?.email ?? 'Not provided';
console.log(customerEmail); // Natija: 'anya.sharma@example.com'

// Mavjud bo'lmagan elektron pochta bilan misol:
const orderWithoutEmail = {
  id: 'ORD11223',
  customer: {
    profile: {
      name: 'Li Wei',
      contact: {
        // Elektron pochta xossasi yo'q
      }
    }
  }
};

const liWeiEmail = orderWithoutEmail?.customer?.profile?.contact?.email ?? 'Not provided';
console.log(liWeiEmail); // Natija: 'Not provided'

            

              
                Copy
              
            
          

?? operatori o'zining o'ng operandini, agar uning chap operandi null yoki undefined bo'lsa, qaytaradi va aks holda o'zining chap operandini qaytaradi. Bu standart qiymatlarni ixcham tarzda belgilash uchun juda foydali.

Global ishlab chiqishdagi foydalanish holatlari

Majburiy zanjirlash va nullish birlashtirish global ilovalar ustida ishlayotgan dasturchilar uchun bebaho vositalardir:

• Xalqarolashtirilgan ilovalar (i18n): Mahalliy kontent yoki foydalanuvchi afzalliklarini olishda ma'lumotlar tuzilmalari chuqur uyali bo'lishi mumkin. Majburiy zanjirlash ma'lum bir til resursi yoki sozlamasi mavjud bo'lmasa, ilova buzilmasligini ta'minlaydi. Masalan, tarjimani olish quyidagicha ko'rinishi mumkin: translations[locale]?.messages?.welcome ?? 'Welcome'.
• API integratsiyalari: Turli provayderlar yoki mintaqalardan API-lar turli javob tuzilmalariga ega bo'lishi mumkin. Ba'zi maydonlar majburiy yoki shartli ravishda mavjud bo'lishi mumkin. Majburiy zanjirlash sizga keng xatoliklarni boshqarishsiz bu turli APIlardan ma'lumotlarni xavfsiz chiqarish imkonini beradi.

  Bir nechta xizmatlardan foydalanuvchi ma'lumotlarini olishni ko'rib chiqing:

              const userProfile = serviceA.getUser(userId)?.profile?.details ?? serviceB.getProfile(userId)?.data?.attributes;
  
              
  
                
                  Copy
                
              
            

• Konfiguratsiya fayllari: Murakkab konfiguratsiya fayllari, ayniqsa dinamik ravishda yoki masofaviy manbalardan yuklanganlar, xavfsiz kirishdan foydalanishi mumkin. Agar konfiguratsiya sozlamasi chuqur uyali va har doim ham mavjud bo'lmasa, majburiy zanjirlash ish vaqtida xatolarni oldini oladi.
• Uchinchi tomon kutubxonalari: Uchinchi tomon JavaScript kutubxonalari bilan o'zaro aloqada bo'lganda, ularning ichki ma'lumotlar tuzilmalari har doim ham to'liq hujjatlashtirilgan yoki bashorat qilinadigan bo'lmasligi mumkin. Majburiy zanjirlash xavfsizlik tarmog'ini ta'minlaydi.

Chekka holatlar va mulohazalar

Majburiy zanjirlash vs. Mantiqiy AND (&&)

Majburiy zanjirlashdan oldin, dasturchilar ko'pincha tekshiruvlar uchun mantiqiy AND operatoridan foydalanishgan:

            const userEmail = order && order.customer && order.customer.profile && order.customer.profile.contact && order.customer.profile.contact.email;

            

              
                Copy
              
            
          

Bu ishlayotgan bo'lsa-da, unda muhim farq bor: && operatori oxirgi haqiqiy operandning qiymatini yoki birinchi yolg'on operandni qaytaradi. Bu shuni anglatadiki, agar order.customer.profile.contact.email bo'sh qator ('') bo'lsa, bu yolg'on, butun ifoda ''ga baholanadi. Aksincha, majburiy zanjirlash, xususan null yoki undefinedni tekshiradi. Nullish birlashtirish operatori (??) standartlarni boshqarish uchun zamonaviy, afzal ko'rilgan usuldir, chunki u faqat null yoki undefined uchun ishlaydi.

Funksiyalardagi majburiy zanjirlash

Majburiy zanjirlashni shartli ravishda funksiyalarni chaqirish uchun ham ishlatish mumkin:

            const userSettings = {
  theme: 'dark',
  updatePreferences: function(prefs) { console.log('Updating preferences:', prefs); }
};

// updatePreferences mavjud bo'lsa, uni xavfsiz chaqiring
userSettings?.updatePreferences?.({ theme: 'light' });

const noUpdateSettings = {};
noUpdateSettings?.updatePreferences?.({ theme: 'dark' }); // Hech narsa qilmaydi, xato yo'q

            

              
                Copy
              
            
          

Bu yerda userSettings?.updatePreferences?.() birinchi navbatda userSettingsda updatePreferences mavjudligini tekshiradi, keyin natija funksiya ekanligini va chaqirilishi mumkinligini tekshiradi. Bu majburiy bo'lmagan usullar yoki chaqiruvlar uchun foydalidir.

Majburiy zanjirlash va `delete` operatori

Majburiy zanjirlash delete operatori bilan o'zaro aloqada bo'lmaydi. Xossani shartli ravishda o'chirish uchun siz ?. dan foydalana olmaysiz.

Ishlashga ta'siri

Juda ishlashga sezgir tsikllar yoki juda chuqur, bashorat qilinadigan tuzilmalar uchun haddan tashqari majburiy zanjirlash ozgina qo'shimcha xarajatlarni keltirib chiqarishi mumkin. Biroq, aksariyat foydalanish holatlari uchun kodning aniqligi, texnik xizmat ko'rsatish va xatolardan himoya qilishning afzalliklari har qanday oz miqdordagi ish faoliyati farqidan ustun turadi. Zamonaviy JavaScript mexanizmlari bu operatorlar uchun yuqori optimallashtirilgan.

Chuqur uyalar uchun eng yaxshi amaliyotlar

1. ?. ni izchil foydalaning: Qayerda mavjud bo'lmagan uyali xossaga kirishni istasangiz, majburiy zanjirlash operatoridan foydalaning.
2. Standartlar uchun ?? bilan birlashtiring: Xossa null yoki undefined bo'lsa, mantiqiy standart qiymatlarni taqdim etish uchun nullish birlashtirish operatoridan (??) foydalaning.
3. Keraksiz joylarda haddan tashqari zanjirlashdan saqlaning: Agar siz xossa mavjudligiga mutlaq amin bo'lsangiz (masalan, qat'iy validatsiya bilan o'zingiz yaratgan chuqur uyali obyekt ichidagi ibtidoiy xossa), siz ozgina ish faoliyatini oshirish uchun majburiy zanjirlashdan voz kechishingiz mumkin, lekin buni ehtiyotkorlik bilan qilish kerak.
4. O'qilishi murakkablikdan ustun: Majburiy zanjirlash kodni ixchamlashtirsa-da, tushunish qiyin bo'lishi uchun juda chuqur zanjirlashdan saqlaning. Juda murakkab stsenariylar uchun destructuring yoki yordamchi funksiyalarni ko'rib chiqing.
5. To'liq sinovdan o'tkazing: Majburiy zanjirlash mantiqingiz mavjud bo'lmagan ma'lumotlarning barcha kutilgan holatlarini qoplaganligiga, ayniqsa tashqi tizimlar bilan integratsiya qilganda, ishonch hosil qiling.
6. TypeScriptni ko'rib chiqing: Katta miqyosdagi ilovalar uchun TypeScript statik turlashni taklif etadi, bu JavaScriptning ish vaqti xavfsizlik xususiyatlarini to'ldirib, ushbu potentsial xatoliklarning ko'pini ishlab chiqish vaqtida aniqlashi mumkin.

Xulosa

JavaScriptning majburiy zanjirlash (?.) va nullish birlashtirish (??) murakkab ma'lumotlar tuzilmalarini boshqarish usulimizni sezilarli darajada yaxshilaydigan kuchli zamonaviy xususiyatlardir. Ular ish vaqtida xatolik ehtimolini keskin kamaytirib, mavjud bo'lmagan xossalarga kirish uchun mustahkam, o'qilishi mumkin va xavfsiz usulni taqdim etadi. Ushbu operatorlar yordamida chuqur uyani o'zlashtirish orqali, dunyodagi dasturchilar ko'proq mustahkam va texnik xizmat ko'rsatishga qodir ilovalar qura oladilar, ular global API-lar, xalqaro kontent yoki murakkab ichki ma'lumot modellarini boshqarishdan qat'i nazar. Toza, xavfsizroq va yanada professional JavaScript kodini yozish uchun bu vositalarni qabul qiling.